<template>
    <div class="permission-stats">
        <div class="permission-stats__item">
            <div class="icon">🔐</div>
            <div class="value">{{ totalPermissions }}</div>
            <div class="label">总权限数</div>
        </div>
        <div class="permission-stats__item">
            <div class="icon">✅</div>
            <div class="value">{{ enabledPermissions }}</div>
            <div class="label">已启用</div>
        </div>
        <div class="permission-stats__item">
            <div class="icon">❌</div>
            <div class="value">{{ disabledPermissions }}</div>
            <div class="label">已禁用</div>
        </div>
        <div class="permission-stats__item">
            <div class="icon">👑</div>
            <div class="value">{{ adminPermissions }}</div>
            <div class="label">管理员权限</div>
        </div>
    </div>
</template>
<script lang="ts" setup>
defineProps<{
    totalPermissions: number
    enabledPermissions: number
    disabledPermissions: number
    adminPermissions: number
}>()
</script>
<style lang="scss" scoped>
@use '../style/PermissionStats.scss';
</style>
